JavaScript

   Javascript , Netscape firması tarafından C dilinden esinlenilerek yazılmıştır Yazılma amacı Html'in sahip olmadığı bazı özelliklerin web sayfalarında kullanılmak istenmesidir Java programlama dilinden tamamen farklıdır karıştırmayınız.

Javascript

  Javascript kodlarını yazmak için Windows kullanıcıları için NotePad yeterlidir Genellikle yazım tarzı şu şekildedir:

İyi bir programcı kod satırlarında açıklama yapar. JavaScript'te bu tür açıklama // ile başlar Kullanılacak yere göre Html'in içerisinde kullanılır. Fakat genelde ...

etiketleri arasında kullanılır. Javascript kodları bittiğinde elinizde asla kendi başına çalışan uzantısı exe veya com olan bir dosya olmaz. Her zaman için tarayıcı tarafından yorumlanması gerekir. Yorumlanması demek Javascript kodunun çalışması anlamındadır.

Javascript

Operatörler

+ : Toplama : Çıkarma * : Çarpma / : Bölme % : bölmeden sonra kalan (Örneğin: 12%5 işlemi 2 değerini verir.) ++ : Bir artırma -- : Bir azaltma.

Karşılaştırma İşlemleri

= =: İstenenler eşitse true döndürür != : Eşit değil

Mantıksal İşleçler

&&: ve "And" false döndürür İki ifade de doğruysa True döndürür onun dışında > : Büyüktür < : Küçüktür >= : Büyük Eşit || : veya - "Or" İfadelerden birisi doğruysa True döndürür. Sadece iki ifade de false oldugunda false dödürür.

<= : Küçük Eşit !: Degil - "Not" Negatifleştirme işlemi doğruysa True döndürür. true ise false, false ise true yapar

Javascript Değişkenler

  Değişkenler verileri saklarlar ve onlara erişimi sağlarlar Numbers Integer ve kayan noktalı sayılar içerir    Booleans True ya da False Strings Karakter bilgi içeren bir değişkendir Objects nesne= new Object();  Nesne tanımlamak için kullanılır

var a= 100; var katsayi= 3.14; var cevap= true; var satir=“selam”;

Javascript- Diziler

 Bir değişkene birden fazla değer atamak istediğimizde dizileri kullanırız. 

Javascript Sayfaya yazı yazmak

 JavaScript kullanarak ekrana yazı yazdırmak document.write komutu ile yapılır. Kullanım şekli: document.write ("goruntulenmek istenenler" , degisken_ismi ); Değişkenler çift tırnak içerisinde yazılmazlar. Sadece görüntülenmek istenenler çift tırnak içerisinde yazılır

Javascript Alert İkaz Metodu

 Alert yöntemi, kullanıcıya bir uyarı mesajı ve bir OK düğmesi görüntülemek için kullanılır alert (“Merhaba”);

Javascript-Confirm Metodu

 Confirm yöntemi OK ve Cancel düğmelerine sahip bir mesaj görüntülemek için kullanılır. Ok basarsa True, Cancel’ a basılırsa false döndürür. if (confirm("Onayliyormusunuz?"))

Javascript-Prompt Metodu

 Kullanıcı girdilerini almak için bir iletişim kutusunu görüntüler. prompt ("Veri gir","ilk deger");

Javascript ifadeler döngüler

  Bir ifade bloğu ise { } arasına yerleştirilir. Bir javascript ifadesibir noktalı virgülle sonlandırılır. İF ELSE

Javascript ifadeler döngüler



do..while döngüsü

Örnek: : bir koşul doğru olduğu sürece ifade bloğunun çalışmasını sağlar.  do { deyimler;} while (koşul)

while döngüsü:

do..while ile aynıdır yalnız koşul döngünün başında kontrol ediliyor. Örnek: while (koşul) { deyimler; }

Javascript ifadeler döngüler

  For döngüsünde koşul sağlaması bozuluncaya kadar döngü sürdürülür. for (başlangıç değeri; koşul; artırım) { deyimler; } Örnek: for (i=0; i<10; i++) { deyimler; }

Javascript-Fonksiyonlar

  Fonksiyonlar bir dizi işlemi yerine getirir ve bir sonuç döndürür Kullanımı: fonksiyonAdı (arguman1,arguman2,..., arguman_n) { ifade1; ifade2; ifade3; }

Javascript-Nesneler

 Javascript’de nesne (object), ve nesnenin özellikleri (properties), genellikle HTML belgesinin adı (name) ve değeri (value) olan herşeydir.  Pencere- window window.open("Url_adı" , "pencere_adı“ "pencere_özellikleri"); window.open("http://www.sem.metu.edu.tr") window.open("http://www.metu.edu.tr", “yenisayfa","location=1,status=1,scrollbars=1,menubar=no, toolbar=no, scrollbars, width=200,height=300"); 

Form, düğme, metin, çevreçeve diğer örneklerdir.

Javascript-Olaylar-Events

 Javascriptde nesnelerini tetikleyenler unsurlardır 

Örnegin; Fare linklerin üzerinde geldiginde, "onMouseOver" özelliği tetiklenmiş olur. Eğer linki tıklarsa, bu sefer "onClick" tetiklenmiş olur.

              1. onclick Fareyle tıklamayı ifade eder.

2. ondblclick Fareyle çift tıklamayı ifade eder.

3. onmouseover Farenin imleciyle üzerine gelmeyi ifade eder.

4. onmouseout Farenin imlecini üzerinden çekmeyi ifade eder.

5. onmousedown Fare düğmesine basmayı ifade eder.

6. onmouseup Fare düğmesini bırakmayı ifade eder.

7. onload Sayfanın yüklenmesini ifade eder.

8. onunload Sayfanın kapatılmasını ifade eder.

9. onchange Form aracının değişmesini ifade eder.

10. onsubmit Form bilgilerinin gönderilmesini ifade eder.

11. onreset Form bilgilerinin silinmesini ifade eder.

12. onselect Form aracının seçilmesini ifade eder.

13. onblur Form aracının pasif hale geçmesini ifade eder.

14. onfocus Form aracının aktif hale geçmesini ifade eder.

Javascript-Olaylar-Events Örnek



Onclick olayına örnek:

Javascript-Olaylar-Events Örnek



Form elemanı örneği:

Javascript Date komutları

 new Date() bu kod bir değişkene bilgisayarın saatindeki zaman degerini verir.

Örnek: var takvim: new Date(); getDate() : Ayın kaçı olduğunu gösterir.

getMonth() : Hangi ayda olduğumuzu gösterir. Ocak için 0, Şubat için 1, Mart için 2, ..., Aralık için 11 değerini verir.

getFullYear() : İçinde bulunduğumuz yılı dört rakamıyla gösterir.

getHours() : Saat değerini ifade eder. 24`lük sistem kullanılır.

getMinutes() : Dakika değerini ifade eder.

getSeconds() : Saniye değerini ifade eder.

getDay() : Haftanın günlerini ifade eder. Pazar için 0, Pazartesi için 1, Salı için 2, ..., Cumartesi için 6 değerini verir.